<div class="page page-form" data-ng-controller="addUser">
<div class="panel panel-default">
    <div class="panel-heading"><strong><span class="glyphicon glyphicon-th"></span>&nbsp;&nbsp;&nbsp;&nbsp;录入用户信息</strong></div>
    <div class="panel-body">
        <form name="userFormInvalid" style="margin-left: 10%;" class="form-horizontal form-validation" data-ng-submit="addAccount()">
            <div class="form-group">
                <div class="col-sm-1">
                    <label>登录名</label>
                </div>
                <div class="col-sm-4">
                    <input  type="text"
                            class="form-control"
                            data-ng-model="userForm.username"
                            placeholder="不能为空"
                            required>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-1">
                    <label>邮箱</label>
                </div>
                <div class="col-sm-4">
                    <input type="email"
                           class="form-control"
                           data-ng-model="userForm.email"
                            >
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1">
                    <label>密码</label>
                </div>
                <div class="col-sm-4">
                    <input  type="password"
                            class="form-control"
                            data-ng-model="userForm.password"
                            placeholder="不能为空"
                            required>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-1">
                    <label>亲属姓名</label>
                </div>
                <div class="col-sm-4">
                    <input type="text"
                           class="form-control"
                           data-ng-model="userForm.clanName"
                           placeholder="最小长度2, 最大长度 6 可以为空"
                           data-ng-minlength="2"
                           data-ng-maxlength="6">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1">
                    <label>确认密码</label>
                </div>
                <div class="col-sm-4">
                    <input  type="password"
                            class="form-control"
                            data-ng-model="nextPwd"
                            placeholder="不能为空"
                            required
                            id="nextPwdStyle"
                            data-ng-keyup="nextPwdVail()"
                            >
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-1">
                    <label>关系</label>
                </div>
                <div class="col-sm-4">
                    <select class="col-sm-12" data-ng-model="userForm.relation" style="font-size: 15px;height: 35px;">
                        <option value="1">父子</option>
                        <option value="2">父女</option>
                        <option value="3">母子</option>
                        <option value="4">母女</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1">
                    <label>姓名</label>
                </div>
                <div class="col-sm-4">
                    <input  type="text"
                            class="form-control"
                            data-ng-model="userForm.realname"
                            placeholder="最小长度2, 最大长度 6 不能为空"
                            required
                            data-ng-minlength="2"
                            data-ng-maxlength="6">
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-1">
                    <label>亲属电话</label>
                </div>
                <div class="col-sm-4">
                    <input type="text"
                           class="form-control"
                           data-ng-model="userForm.clanPhone"
                           placeholder="长度为11位 可以为空">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1">
                    <label>性别</label>
                </div>
                <div class="col-sm-4">
                    <label class="ui-radio">
                        <input name="sex" type="radio" data-ng-model="userForm.sex" value="男" ><span>男</span>
                    </label>
                    <label style="margin-left: 50px;" class="ui-radio">
                        <input name="sex" type="radio" data-ng-model="userForm.sex" value="女" ><span>女</span>
                    </label>
                </div>

                <div class="col-sm-1"></div>
                <div class="col-sm-1">
                    <label>学历</label>
                </div>
                <div class="col-sm-4">
                    <select class="col-sm-12" data-ng-model="userForm.education" style="font-size: 15px;height: 35px;"
                            data-ng-options="m.id as m.name for m in education" required="required">
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1">
                    <label>身份证号</label>
                </div>
                <div class="col-sm-4">
                    <input type="text"
                           class="form-control"
                           data-ng-model="userForm.userIDcard"
                           >
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-1">
                    <label>部门</label>
                </div>
                <div class="col-sm-4">
                    <select class="col-sm-12" data-ng-model="userForm.job" style="font-size: 15px;height: 35px;"
                            data-ng-options="m.id as m.name for m in dept" required="required">
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1">
                    <label>电话1</label>
                </div>
                <div class="col-sm-4">
                    <input type="number"
                           class="form-control"
                           data-ng-model="userForm.phone1"
                           data-ng-minlength="11"
                           data-ng-maxlength="11"
                           placeholder="长度为11位 可以为空">
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-1">
                    <label>区域</label>
                </div>
                <div class="col-sm-4">
                    <select class="col-sm-12" data-ng-model="userForm.companyareaid" style="font-size: 15px;height: 35px;"
                            data-ng-options="m.id as m.name for m in zone" required="required">
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1">
                    <label>电话2</label>
                </div>
                <div class="col-sm-4">
                    <input type="number"
                           class="form-control"
                           data-ng-model="userForm.phone2"
                           data-ng-minlength="11"
                           data-ng-maxlength="11"
                           placeholder="长度为11位 可以为空">
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-1">
                    <label>入职时间</label>
                </div>
                <div class="col-sm-4">
                    <div class="input-group ui-datepicker" data-ng-controller="DatepickerDemoCtrl">
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        <input type="text"
                               id="entrydate"
                               class="form-control"
                               datepicker-popup="yyyy-MM-dd"
                               is-open="opened"
                               datepicker-options="dateOptions"
                               ng-required="true"
                               close-text="关闭"
                               data-ng-model="dt">
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1">
                    <label>户籍地址</label>
                </div>
                <div class="col-sm-4">
                    <input type="text"
                           class="form-control"
                           data-ng-model="userForm.houseAddress"
                            >
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-1">
                    <label>状态</label>
                </div>
                <div class="col-sm-1">
                    <select class="col-sm-12" data-ng-change="setState()" data-ng-model="userForm.jobstate" style="font-size: 15px;height: 35px;width: 150px" required="required">
                        <option value="1">试用</option>
                        <option value="2">转正</option>
                        <option value="3">离职</option>
                    </select>
                </div>
                <div class="col-sm-1" style="margin-left: 62px;" data-ng-hide="jsStateHide">
                    <label>薪资比例</label>
                </div>
                <div class="col-sm-1" data-ng-hide="jsStateHide">
                    <select class="col-sm-12" data-ng-model="userForm.salaryState" style="height: 35px;width: 100px">
                        <option value="1.0">1.0</option>
                        <option value="0.9">0.9</option>
                        <option value="0.8">0.8</option>
                        <option value="0.7">0.7</option>
                        <option value="0.6">0.6</option>
                        <option value="0.5">0.5</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1">
                    <label>现居地址</label>
                </div>
                <div class="col-sm-4">
                    <input type="text"
                           class="form-control"
                           data-ng-model="userForm.address"
                            >
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-1">
                    <label>薪资</label>
                </div>
                <div class="col-sm-1">
                    <input type="text" style="width: 150px;"
                           class="form-control"
                           data-ng-model="userForm.salary"
                           placeholder="不能为空"
                           required>
                </div>
                <div class="col-sm-1" style="margin-left: 62px;">
                    <label>担任角色</label>
                </div>
                <div class="col-sm-1">
                    <select id="roleId" class="col-sm-12" data-ng-model="userForm.roleId" style="width: 100px;height: 35px;"
                            data-ng-options="m.id as m.name for m in role" >
                    </select>
                    <input type="hidden" data-ng-model="userForm.roleId" required/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1">
                    <label>备注</label>
                </div>
                <div class="col-sm-10">
                    <input type="text"
                           class="form-control"
                           data-ng-model="userForm.note"
                            >
                </div>
            </div>
            <div class="form-group has-error has-feedback input-lg" style="height:30px;text-align: center;"><label data-ng-hide="isHideUser" class="control-label">{{showErrorInfo}}</label></div>
            <br/>
            <div class="form-group">
                <div class="col-sm-1"></div>
                <div class="col-sm-4">
                    <button type="submit" data-ng-disabled="userFormInvalid.$invalid"
                            class="btn btn-info btn-block btn-lg"
                            >保存</button>
                </div>
            </div>
        </form>
    </div>
</div>
</div>